<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description"
		content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<!-- 引入css初始化文件 -->
	<link rel="stylesheet" href="css/normalize.css" />
	<!-- 头部和底部 结构基本相同  基本的公共样式 -->
	<link rel="stylesheet" href="css/base.css" />
	<!--   专属的首页样式 -->
	<link rel="stylesheet" href="css/index.css" />
	<base target="_blank">
</head>

<body>
	<!-- ad部分 start -->
	<div class="header-ad">
		<div class="w">
			<a href="#">
				<img src="images/header.jpg" height="80px" width="100%" alt="">
			</a>
		</div>
	</div>
	<!-- header 部分 end -->
	<!-- 快速导航栏部分 start-->
	<div class="shortcut">
		<div class="w">
			<div class="sliderDown">
				<ul class="fl city">
					<!-- 用到了后代选择器 -->
					<li> <i class="f10"></i><a href="#">浙江</a></li>
				</ul>
				<ul class="fr">
					<li>
						<a href="./login.html">你好，请登录</a>
						<a href="./registered.html" class="f10">免费注册</a>
					</li>
					<li class="space"></li>
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class="space"></li>
					<li class="nav1">
						<a href="#">我的京东</a>
						<i></i>
						<div class="nav-list">
							<div class="nav-list-1">
								<div class="nav-list-11">
									<a href="#">待处理订单</a>
									<a href="#">返修退换货</a>
									<a href="#">降价商品</a>
								</div>
								<div class="nav-list-12">
									<a href="#">消息</a>
									<a href="#">我的问答</a>
									<a href="#">我的关注</a>
								</div>
							</div>
							<div class="nav-list-2">
								<div class="nav-list-21">
									<a href="#">我的京豆</a>
									<a href="#">我的白条</a>

								</div>
								<div class="nav-list-22">
									<a href="#">我的优惠券</a>
									<a href="#">我的理财</a>

								</div>
							</div>
						</div>
					</li>
					<li class="space"></li>
					<li>
						<a href="#">京东会员</a>
					</li>

					<li class="space"></li>
					<li class="nav1">
						<a href="#" class="f10">企业采购</a>
						<i></i>
						<div class="nav-list">
							<div class="nav-list-1 " id="another">
								<div class="nav-list-11">
									<a href="#">企业购</a>
									<a href="#">工业品</a>
								</div>
								<div class="nav-list-12">
									<a href="#">商用场景管</a>
									<a href="#">礼品卡</a>
								</div>
							</div>

						</div>
					</li>
					<li class="space"></li>
					<li class="nav1">
						<a href="#">客户服务</a>
						<i></i>
						<div class="nav-list">
							<div class="nav-list-1">
								<div class="nav-list-11">
									<a href="#">帮助中心</a>
									<a href="#">在线客服</a>
									<a href="#">电话客服</a>
									<a href="#">金融咨询</a>
								</div>
								<div class="nav-list-12">
									<a href="#">售后服务</a>
									<a href="#">意见建议</a>
									<a href="#">客服邮箱</a>
									<a href="#">全球售客服</a>
								</div>
							</div>
							<div class="nav-list-2">
								<div class="nav-list-11">
									<a href="#">合作招商</a>
									<a href="#">商家后台</a>
									<a href="#">商家帮助</a>
								</div>
								<div class="nav-list-12">
									<a href="#">成长中心</a>
									<a href="#">京麦工作台</a>
									<a href="#">规则平台</a>
								</div>
							</div>
					</li>
					<li class="space"></li>
					<li class="nav1">
						<a href="#">网站导航</a>
						<i></i>
						<div class="nav-list">
							<div class="nav-list-1">
								<div class="nav-list-11">
									<a href="#">待处理订单</a>
									<a href="#">返修退换货</a>
									<a href="#">降价商品</a>
								</div>
							</div>
						</div>
					</li>
					<li class="space"></li>
					<li>
						<a href="#" class="mobile">手机京东
							<img src="images/mobile.png" height="60px" width="60px" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 快速导航栏部分 end-->
	<!-- 中间头部分 start -->
	<div class="header" width=100%>
		<div class="w middle">
			<div class="logo">
				<h1>
					<!-- 提高权重  便利于搜索引擎优化 -->
					<a href="#">
						<img src="images/logo.gif" alt="" no-repeat>
					</a>
				</h1>
			</div>
			<!-- 搜索 -->
			<div class="form">
				<input type="text" placeholder="笔记本固态硬盘" />
				<!-- 按钮的意思 双标签 等价于 <input type="button" value=""> -->
				<img src="" alt="">
				<button> <i></i> </button>
			</div>
			<!-- 购物车 -->
			<div class="shopCar">
				<i></i><a href="#" class="f10">我的购物车</a> <span>0</span>
			</div>
			<!-- 关键词 -->
			<div class="hotwords">
				<a href="#">家装建材</a>
				<a href="#">童装童鞋</a>
				<a href="#">十代酷睿</a>
				<a href="#">美肤化妆</a>
				<a href="#">ThinkPad</a>
				<a href="#">牛排神券</a>
				<a href="#">东换季</a>
			</div>
			<!-- 小导航部分 -->
			<div class="navitems">
				<ul>
					<li><a href="#" class="f10 bolder">秒杀</a></li>
					<li><a href="#" class="f10 bolder">优惠券</a></li>
					<li><a href="#">PLUS会员</a></li>
					<li><a href="#">品牌闪购</a></li>
					<li><a href="#">拍卖</a></li>
					<li><a href="#">京东时尚</a></li>
					<li><a href="#">京东超市</a></li>
					<li><a href="#">京东生鲜</a></li>
					<li><a href="#">海囤全球</a></li>
					<li><a href="#">京东金融</a></li>
				</ul>

			</div>
			<!-- 超级日部分 -->
			<div class="super">
				<a href="#"><img src="images/super.png" height="40" width="190" alt=""></a>
			</div>
		</div>
	</div>
	<!-- 中间头部分 end -->

	<!-- 中间分类区域 start -->

	<div class="w grid">
		<!-- 第一列 -->
		<div class="grid-col1 fl">
			<!-- 			<div class="ad">
				<img src="images/ad-l.png" height="480" width="250" alt="">
				<div class="ad-r"></div>
			</div> -->
			<div class="sliderLeft">
				<ul>
					<li><a href="#">家用电器</a></li>
					<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
					<li><a href="#">电脑</a>/<a href="#">办公</a></li>
					<li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
					<li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
					<li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
					<li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
					<li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
					<li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
					<li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
					<li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li>
					<li><a href="#">艺术</a>/<a href="#">礼品鲜花</a>/<a href="#">农资绿植</a></li>
					<li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
					<li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">教育</a>/<a href="#">电子书</a></li>
					<li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
					<li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
					<li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a>/<a href="#">二手</a></li>
					<li><a href="#">工业品</a></li>
				</ul>

				<!-- 点击显示商品具体分类 -->
				<ul class="ad fl" id="grid-col2-ad">
					<li class="ad-title"><a href="#">玩3C ></a><a href="#">手机频道 ></a><a href="#">网上营业厅 ></a><a href="#">配件频道
							></a><a href="#">智能数码 ></a><a href="#">影像Club ></a></li>

					<li><a href="#">手机通讯 ></a><a href="#">手机</a><a href="#">游戏手机</a><a href="#">老人机</a><a href="#">对讲机</a><a
							href="#">以旧换新</a><a href="#">手机维修</a></li>
					<li><a href="#">运营商 ></a><a href="#">合约机</a><a href="#">手机卡</a><a href="#">宽带</a><a href="#">办套餐</a><a
							href="#">充话费/流量</a><a href="#">中国电信</a><a href="#">中国移动</a><a href="#">中国联通</a><a href="#">京东通信</a><a
							href="#">挑靓号</a></li>
					<li><a href="#">手机配件 ><a href="#">手机壳</a></a><a href="#">贴膜</a><a href="#">手机存储卡</a><a href="#">数据线</a><a
							href="#">充电器</a><a href="#">手机耳机</a><a href="#">创意配件</a><a href="#">手机饰品</a><a href="#">手机电池</a><a
							href="#">苹果周边</a>
						<br /><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
						<a href="#">移动电源</a><a href="#">蓝牙耳机</a><a href="#">手机支架</a><a href="#">车载配件</a><a href="#">拍照配件</a></li>
					<li><a href="#">摄影摄像 ></a><a href="#">数码相机</a><a href="#">微单相机</a><a href="#">单反相机</a><a href="#">拍立得</a><a
							href="#">运动相机</a><a href="#">摄像机</a><a href="#">镜头</a><a href="#">户外器材</a><a href="#">影棚器材</a><a
							href="#">冲印服务</a>
						<br /><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#">数码相框</a>
					</li>
					<li><a href="#">数码配件 ></a><a href="#">存储卡</a><a href="#">三脚架/云台</a><a href="#">相机包</a><a href="#">滤镜</a><a
							href="#">闪光灯/手柄</a><a href="#">相机清洁/贴膜</a><a href="#">机身附件</a><a href="#">镜头附件</a><a href="#">读卡器</a><a
							href="#">支架</a>
						<br /><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
						<a href="#">电池/充电器</a></li>
					<li><a href="#">音影娱乐 ></a><a href="#">耳机/耳麦</a><a href="#">音响/音响</a><a href="#">智能音箱</a><a
							href="#">便携/无线音响</a><a href="#">收音机</a><a href="#">麦克风</a><a href="#">MP3/MP4</a><a href="#">专业音频</a><a
							href="#">音频线</a>
						<br /><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
						<a href="#">智能手环</a><a href="#">智能手表</a><a href="#">智能眼镜</a><a href="#">智能机器人</a><a href="#">运动追踪器</a><a
							href="#">健康检测</a><a href="#">智能配饰</a><a href="#">智能家居</a>
						<a href="#">体感车</a>
						<br /><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
						<a href="#">无人机</a></li>
					<li><a href="#">电子教育 ></a><a href="#">学生平板</a><a href="#">点读机/笔</a><a href="#">早教益智</a><a href="#">录音笔</a><a
							href="#">电纸书</a><a href="#">电子词典</a><a href="#">复读机</a><a href="#">翻译机</a></li>
				</ul>
			</div>
		</div>
		<!-- 第二列开始 -->
		<div class="grid-col2 fl" id="grid-col2">
			<!-- 第二列左边banner部分 -->
			<!-- 轮播图开始 -->
			<!-- <div class="grid-col2-l">
				<a href="#"><img src="images/banner.jpg" height="480" width="590" alt=""></a>
				 两个箭头 
				<a href="#" class="arrow-l"><</a>
				<a href="#" class="arrow-r">></a>
				  轮播图圆点盒子 
				<ul class="circle">
					<li></li>
					<li></li>
					<li class="current"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div> -->

			<!-- 测试开始 -->
			<div class="target" id="target-fade">
				<div>
					<div><img src="./images/banner1.png"></div>
					<div><img src="./images/banner2.png"></div>
					<div><img src="./images/banner3.png"></div>
					<div><img src="./images/banner4.png"></div>
					<div><img src="./images/banner5.png"></div>
					<div><img src="./images/banner6.png"></div>
					<div><img src="./images/banner7.png"></div>
					<div><img src="./images/banner8.png"></div>
				</div>
			</div>
			<!-- 测试结束 -->

			<!-- 轮播图结束 -->
			<!-- 右边小图 -->
			<div class="grid-col2-r">
				<div><a href="#"><img src="images/top.png" height="150" width="190" alt=""></a></div>
				<div><a href="#"><img src="images/middle.png" height="150" width="190" alt=""></a></div>
				<div><a href="#"><img src="images/buttom.png" height="150" width="190" alt=""></a></div>
			</div>
		</div>
		<!-- 第二列结束 -->

		<!-- 侧边伸展的盒子 -->
		<!-- <ul>
					
				</ul> -->

		<!-- 第三列开始：个人中心 -->
		<div class="grid-col3 fr">
			<!-- 登录模块 -->
			<div class="login">
				<div class="login-top">
					Hi，欢迎逛京东！<br />
					<a href="./login.html">登录</a>
					<a href="./registered.html">注册</a>
					<a href="#" class="user-info">
						<img src="images/no_login.png" alt="">
					</a>
				</div>
				<div class="login-b">
					<a href="#">新人福利</a>
					<a href="#">PLUS会员</a>
				</div>
			</div>
			<!-- 新闻模块 -->
			<div class="news">
				<div class="news-t">
					<a href="#" class="kuaibao bolder">京东快报</a>
					<a href="#" class="more">更多&nbsp></a>
				</div>
				<div class="news-bottom">
					<ul>
						<li><span class="tag">热门</span><a href="#">苹果又发力！256G的iPhone SE2来了！5.5英寸+A13，售价感人</a></li>
						<li><span class="tag">HOT</span><a href="#">华为P40曝光，麒麟990＋5000毫安，首款鸿蒙手机</a></li>
						<li><span class="tag">热议</span><a href="#">华为P40将携鸿蒙OS亮相，将于12月正式发布</a></li>
						<li><span class="tag">推荐</span><a href="#">iPhone Xs被下架！售价便宜近一半，网友却不买账</a></li>
					</ul>
				</div>
			</div>
			<!-- 服务扩展模块 -->
			<div class="expand">
				<ul>
					<li>
						<a href="#">
							<i><img src="images/huafei.png" alt="话费"></i>
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/jipiao.png" alt="话费"></i>
							<span>机票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/jiudian.png" alt="话费"></i>
							<span>酒店</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/youxi.png" alt="话费"></i>
							<span>游戏</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/jiayouka.png" alt="话费"></i>
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/huochepiao.png" alt="话费"></i>
							<span>火车票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/zhongchou.png" alt="话费"></i>
							<span>众筹</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/licai.png" alt="话费"></i>
							<span>理财</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/baitiao.png" alt="话费"></i>
							<span>白条</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/dianyingpiao.png" alt="话费"></i>
							<span>电影票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/qiyegou.png" alt="话费"></i>
							<span>企业购</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i><img src="images/lipingka.png" alt="话费"></i>
							<span>礼品卡</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 中间分类区域 end -->
	<div class="w miaosha">
		<!-- 京东秒杀 -->
		<div class="miaosha-l">
			<h2>京东秒杀</h2>
			<h3><strong>18:00</strong>点场 倒计时</h3>
			<div class="time">
				<span class="hour">00</span><span class="minute">12</span><span class="second">07</span>
			</div>
		</div>
		<div class="miaosha-r">
			<div class="shop-l">
				<!-- 左盒子 -->
				<a href="#" class="shop-l-1">
					<img src="images/fuguiniao.png" alt="">
					<h6>富贵鸟品牌【买风衣，送手表！】</h6>
					<span class="price">
						<span class="price-now">
							<i>¥</i>
							<span>88.00</span>
						</span>
						<span class="price-origin">
							<i>¥</i>
							<span>258.00</span>
						</span>
					</span>
				</a>
				<a href="#" class="shop-l-2">
					<img src="images/maoyi.png" alt="">
					<h6>【2件减5元 3件减8元】糖果色套头毛衣女宽松2019春装新款韩版圆领长袖针织打底衫上衣女</h6>
					<span class="price">
						<span class="price-now">
							<i>¥</i>
							<span>49.90</span>
						</span>
						<span class="price-origin">
							<i>¥</i>
							<span>138.00</span>
						</span>
					</span>
				</a>
				<a href="#" class="shop-l-3">
					<img src="images/jieshibao.png" alt="">
					<h6>洁仕宝 双面擦玻璃神器高层家用擦窗器伸缩杆可调磁清洁工具清洗玻璃刮水器适用于5-26MM</h6>
					<span class="price">
						<span class="price-now">
							<i>¥</i>
							<span>170.00</span>
						</span>
						<span class="price-origin">
							<i>¥</i>
							<span>189.00</span>
						</span>
					</span>
				</a>
				<a href="#" class="shop-l-4">
					<img src="images/yuba.png" alt="">
					<h6>奥普（AUPU）浴霸QDP6626B集成吊顶大功率风暖浴霸 智能触摸开关 8cm薄箱体 LED宽屏大照明</h6>
					<span class="price">
						<span class="price-now">
							<i>¥</i>
							<span>1269.00</span>
						</span>
						<span class="price-origin">
							<i>¥</i>
							<span>1799.00</span>
						</span>
					</span>
				</a>
			</div>
			<div class="shop-r">
				<div class="slider-image">
					<a href=""><img src="images/chezaidaohang.png" alt=""></a>
				</div>
				<div class="slider-txt">
					<p>车载净化器狂欢周</p>
					<p><span>爱车焕新</span></p>
					<div class="slider-icon"><a href="">品类秒杀 ></a></div>
				</div>
			</div>
		</div>
	</div>
	<!-- 发现好货 -->
	<div class="w find">
		<a href="#" class="find-logo">
			<div class="logo-container">
				<div class="logo-text">探索新生活 <i></i></div>
			</div>
		</a>
		<div class="find-shop">
			<div class="find-shop-1">
				<p class="shop-name"><a href="#">OGON 多功能 钱包</a></p>
				<a href="#" class="shop-img"><img src="images/OGON.png" alt=""></a>
			</div>
			<div class="find-shop-2">
				<a href="#" class="shop-img"><img src="images/meirong.png" alt=""></a>
				<p class="shop-name"><a href="#">宝力全身美白片</a></p>
			</div>
			<div class="find-shop-3">
				<p class="shop-name"><a href="#">Airwheel 电动 行李箱</a></p>
				<a href="#" class="shop-img"><img src="images/xz.png" alt=""></a>

			</div>
			<div class="find-shop-4">
				<a href="#" class="shop-img"><img src="images/cz.png" alt=""></a>
				<p class="shop-name"><a href="#">Broadlink 智能插座</a></p>
			</div>
			<div class="find-shop-5">
				<p class="shop-name"><a href="#">阿帆尼 绿幽灵手链</a></p>
				<a href="#" class="shop-img"><img src="images/sl.png" alt=""></a>
			</div>
		</div>
	</div>

	<!-- 页面底部分 start  -->
	<footer>
		<!-- 服务模块 -->
		<div class="service">
			<!-- 服务模块的版心 -->
			<div class="w">
				<ul>
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5>快</h5>
						<p>多仓直发，极速配送</p>
					</li>
					<li>
						<h5>好</h5>
						<p>正品行货，精致服务</p>
					</li>
					<li>
						<h5>省</h5>
						<p>天天低价，畅选无忧</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 帮助模块 -->
		<div class="w help">
			<!-- 底部左边自定义列表 -->
			<div class="fl">
				<dl>
					<dt>购物指南</dt>
					<dd><a href="#">购物流程</a></dd>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl>
					<dt>配送方式</dt>
					<dd><a href="#">上门自提</a></dd>
					<dd><a href="#">211限时达</a></dd>
					<dd><a href="#">配送服务查询</a></dd>
					<dd><a href="#">配送费收取标准</a></dd>
					<dd><a href="#">海外配送</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="#">货到付款</a></dd>
					<dd><a href="#">在线支付</a></dd>
					<dd><a href="#">分期付款</a></dd>
					<dd><a href="#">邮局汇款</a></dd>
					<dd><a href="#">公司转账</a></dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="#">售后政策</a></dd>
					<dd><a href="#">价格保护</a></dd>
					<dd><a href="#">退款说明</a></dd>
					<dd><a href="#">返修/退换货</a></dd>
					<dd><a href="#">取消订单</a></dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd><a href="#">夺宝岛</a></dd>
					<dd><a href="#">DIY装机</a></dd>
					<dd><a href="#">延保服务</a></dd>
					<dd><a href="#">京东E卡</a></dd>
					<dd><a href="#">京东通信</a></dd>
					<dd><a href="#">京鱼座智能</a></dd>
				</dl>
			</div>
			<!-- 中国地图 -->
			<div class="fr coverage">
				<h5>京东自营覆盖区县</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 > </a>
			</div>
		</div>
		<!-- 版权信息 -->
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">联系客服</a>
				<span>|</span>
				<a href="#">合作招商</a>
				<span>|</span>
				<a href="#">商家帮助</a>
				<span>|</span>
				<a href="#">营销中心</a>
				<span>|</span>
				<a href="#">手机京东</a>
				<span>|</span>
				<a href="#">友情链接</a>
				<span>|</span>
				<a href="#">销售联盟</a>
				<span>|</span>
				<a href="#">京东社区</a>
				<span>|</span>
				<a href="#">风险监测</a>
				<span>|</span>
				<a href="#">隐私政策</a>
				<span>|</span>
				<a href="#">京东工艺</a>
				<span>|</span>
				<a href="#">English Site</a>
				<span>|</span>
				<a href="#">Media & IR</a>
			</p>
			<div class="copyright_cert">
				<p>
					<a href="#">京公网安备 11000002000088号</a>
					<span>|</span>
					京ICP证070359号
					<span>|</span>
					<a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
					<span>|</span>
					新出发京零 字第大120007号
				</p>
				<p>互联网出版许可证编号新出网证(京)字150号
					<span>|</span>
					<a href="#">出版物经营许可证</a>
					<span>|</span>
					<a href="#">网络文化经营许可证京网文[2014]2148-348号</a>
					<span>|</span>
					违法和不良信息举报电话：4006561155
				</p>
				<p>
					Copyright © 2004 - 2019 京东JD.com 版权所有
					<span>|</span>
					消费者维权热线：4006067733
					<a href="#">经营证照</a>
					<span>|</span>
					(京)网械平台备字(2018)第00003号
					<span>|</span>
					<a href="#">营业执照</a>
				</p>

				<p class="flag-icon">
					<i></i>
					<a href="javascript:;">Global Site</a>
					<span>|</span>
					<i></i>
					<a href="javascript:;">Сайт России</a>
					<span>|</span>
					<i></i>
					<a href="javascript:;">Situs Indonesia</a>
					<span>|</span>
					<i></i>
					<a href="javascript:;">Sitio de España</a>
					<span>|</span>
					<i></i>
					<a href="javascript:;">เว็บไซต์ประเทศไทย</a>
				</p>

				<p>
					京东旗下网站：<a href="#">京东钱包</a>
					<span>|</span>
					<a href="#">京东云</a>
				</p>
			</div>
			<!-- 底部相关网站 -->
			<p class="foot-icon">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>
			<hr />
			<p class="about-me">&copy; 2017 - 2020 http://lovebug.cn</p>
		</div>
	</footer>
	<!-- 页面底部分 end  -->

	<!-- 轮播图js开始 -->
	<script src="./js/jquery.min.js"></script>
	<script src="./js/HappyImage.js"></script>
	<script src="./js/Carousel.js"></script>
	<!-- 轮播图js结束 -->
	<!-- 倒计数start -->
	<!-- <script src="./js/countDown.js"></script> -->

	<script>
		window.addEventListener('DOMContentLoaded', function () {
			// 1. 获取元素 
			var hour = document.querySelector('.hour'); // 小时的黑色盒子
			var minute = document.querySelector('.minute'); // 分钟的黑色盒子
			var second = document.querySelector('.second'); // 秒数的黑色盒子
			var inputTime = +new Date('2021-6-8 18:00:00'); // 返回的是用户输入时间总的毫秒数
			countDown(); // 我们先调用一次这个函数，防止第一次刷新页面有空白 
			// 2. 开启定时器
			setInterval(countDown, 1000);

			function countDown() {
				var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
				var times = (inputTime - nowTime) / 1000; // times是剩余时间总的秒数 
				var h = parseInt(times / 60 / 60 % 24); //时
				h = h < 10 ? '0' + h : h;
				hour.innerHTML = h; // 把剩余的小时给 小时黑色盒子
				var m = parseInt(times / 60 % 60); // 分
				m = m < 10 ? '0' + m : m;
				minute.innerHTML = m;
				var s = parseInt(times % 60); // 当前的秒
				s = s < 10 ? '0' + s : s;
				second.innerHTML = s;
			}
		})
	</script>
	<!-- 倒计数end -->
</body>

</html>